<template>
  <div class="welcome">
   
    <el-table
      :style="{ marginTop: '50px' }"
      :data="tableData"
      border
      show-summary
      style="width: 100%"
    >
      <el-table-column prop="id" label="登入账户" width="180"> </el-table-column>
      <el-table-column prop="name" label="上次登入ip"> </el-table-column>
      <el-table-column prop="amount1" sortable label="上次登入时间">
      </el-table-column>
      <el-table-column prop="amount2" label="本次登入ip"> </el-table-column>
      <el-table-column prop="amount3" label="本次登入时间"> </el-table-column>
    </el-table>
  </div>
</template>





<script>
export default {
  data() {
    return {
      tableData: [
        {
          id: "12987122",
          name: "王小虎",
          amount1: "234",
          amount2: "3.2",
          amount3: 10,
        },
        {
          id: "12987123",
          name: "王小虎",
          amount1: "165",
          amount2: "4.43",
          amount3: 12,
        },
        {
          id: "12987124",
          name: "王小虎",
          amount1: "324",
          amount2: "1.9",
          amount3: 9,
        },
        {
          id: "12987125",
          name: "王小虎",
          amount1: "621",
          amount2: "2.2",
          amount3: 17,
        },
        {
          id: "12987126",
          name: "王小虎",
          amount1: "539",
          amount2: "4.1",
          amount3: 15,
        },
      ],
    };
  },




    meta: { title:'glsy' ,icon:'iconfont icon-shouye2'}

};
</script>

<style scoped lang='less'>
/deep/.has-gutter tr,
.has-gutter tr th {
  height: 48px;
  line-height: 48px;
  box-sizing: border-box;
}

/deep/.el-table__footer .has-gutter tr {
  display: none;
}

/deep/.el-table__header .has-gutter tr th:nth-of-type(4) .cell span {
  display: none;
}

/deep/.el-table__header .has-gutter tr th:nth-of-type(5) .cell span {
  display: none;
}
/deep/.el-table__header .has-gutter tr th .cell{
  text-align: center;
}
/deep/.el-table__body  tr td .cell{
  text-align: center;
}
</style>